<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="module/head::common_header(~{::title},~{::link},~{::script})">
    <meta charset="UTF-8">
    <title>加入dick</title>

    <link rel="stylesheet" href="/css/login.css">
    <script></script>
    <script type="text/javascript" src="/js/common.js"></script>
    <script type="text/javascript" src="/js/login.js"></script>
</head>
<body>

<div class="dowebok">
    <div class="form sign-in">
        <form action="/login" method="post">
            <h2>欢迎回来</h2>
            <label>
                <span>账号</span>
                <input type="text" name="accountName"/>
            </label>
            <label>
                <span>密码</span>
                <input type="password" name="userPassword"/>
            </label>
            <p class="forgot-pass"><a href="javascript:">忘记密码？</a></p>
            <button type="submit" class="submit">登 录</button>
            <button type="button" class="fb-btn">使用 <span>邮箱</span> 帐号登录</button>
        </form>
    </div>
    <div class="sub-cont">
        <div class="img">
            <div class="img__text m--up">
                <h2>还未注册？</h2>
                <p>立即注册，发现大量机会！</p>
            </div>
            <div class="img__text m--in">
                <h2>已有帐号？</h2>
                <p>有帐号就登录吧，好久不见了！</p>
            </div>
            <div class="img__btn">
                <span class="m--up">注 册</span>
                <span class="m--in">登 录</span>
            </div>
        </div>
        <div class="form sign-up">
            <h2>立即注册</h2>
            <label>
                <span>用户名</span>
                <input type="text" />
            </label>
            <label>
                <span>邮箱</span>
                <input type="email" />
            </label>
            <label>
                <span>密码</span>
                <input type="password" />
            </label>
            <button type="button" class="submit">注 册</button>
            <button type="button" class="fb-btn">使用 <span>邮箱</span> 帐号注册</button>
        </div>
    </div>
</div>

<div th:include="module/alert::alert"></div>
<script>
    document.querySelector('.img__btn').addEventListener('click', function () {
        document.querySelector('.dowebok').classList.toggle('s--signup')
    });
</script>
<script type="text/javascript">
    //被踢出时的提示消息
    function kickout(){
        var href=location.href;
        if(href.indexOf("kickout")>0){
            h_alert("您的账号在另一台设备上登录,您已被强制下线","如果不是你本人操作，请及时修改密码");
        }
    }
    $(function () {
        kickout();
    });
</script>
</body>
</html>